<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <!-- 声明文档的编码集 -->
    <meta charset="utf-8">
    <!--声明文档兼容模式，表示使用IE浏览器的最新模式-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!--设置视口的宽度(值为设备的理想宽度)，页面初始缩放值<理想宽度/可见宽度>-->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->

    <title>bootstrap容器和栅格和按钮</title>

    <!-- 引入Bootstrap核心样式文件 -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
</head>

<body>
    <div class="container">
            <div class="col-lg-4" >
                <img src="img/img/logo2.png" width="95%">
            </div>
            <div class="col-lg-4" style="margin-top: 20px;text-align: center;">
                    <button type="button" class="btn btn-default" >登录</button>
                    <button type="button" class="btn btn-success" >注册</button>
                    <button type="button" class="btn btn-danger" >购物车</button>
            </div>

            <div class="col-lg-4 "  >
                <img src="img/img/header.jpg">
            </div>
    </div>
</body>

<!-- 先引入jQuery核心js文件 -->
<script src="js/jquery-1.11.1.min.js"></script>
<!-- 引入BootStrap核心js文件 -->
<script src="js/bootstrap.min.js"></script>
</html>